.container {
    width: 100%;
    height: calc(100vh - 135px);
    padding: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    .card {
        width: 360px;
        height: calc(100% - 100px);
        border: 1px solid #ccc;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 40px;
        box-sizing: border-box;

        p {
            margin-top: 32px;
            margin-bottom: 12px;
        }

        .listContainer {
            width: 356px;
            flex: 1;
            overflow-y: scroll;

            ul {
                padding-inline-start: 0;
            }

            li {
                list-style: none;
                width: calc(100% - 48px);
                height: 45px;
                margin-left: 16px;
                background-color: rgb(59, 103, 156);
                margin-bottom: 10px;
                border-radius: 4px;
                display: flex;
                flex-direction: row;
                align-items: center;
                padding-left: 20px;
                font-size: 16px;
                color: white;
                z-index: 1;
            }

            li:after {
                content: "";
                width: 0;
            }
        }
    }
}